<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>
  const url = `http://10.11.55.249:3000/login`;
  ajaxGet({
    url,
    success(res){
      console.log(res);
    },
    error(code){
      console.log(code)
    },
    data:{
      username:"admin",
      password:"123456"
    }
  });
  
  function ajaxGet(ops){
    let {url, data, error, success} = ops;
    // 1. 解析数据
    // username=admin&password=12325&
    let str = "";
    for(let i in data){
      str += `${i}=${data[i]}&`;
    }
    // 2. 拼接url
    // http://10.11.55.249:3000/login?username=zhangsan&password=87654321
    url += "?" + str.slice(0,-1);
    // 3. 发起请求
    const xhr = new XMLHttpRequest();
    xhr.open("get", url);
    xhr.send();
    xhr.onload = function(){
      if( xhr.status === 200 ){
        // 4. 请求成功后执行，成功的回调函数，并将成功后的数据传回
        success( xhr.responseText );
      }else{
        // 5. 请求失败时，执行失败的回调函数，并将失败的状态码返回
        error( xhr.status );
      }
    }
  }

</script>
</html>